<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1" />
<title></title>
<!--<link href="css/bootstrap.min.css" rel="stylesheet"/>-->
<!--<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>-->
<!--<script src="js/bootstrap.min.js" type="text/javascript"></script>-->
	<link rel="stylesheet" type="text/css" href="__CSS__/bootstrap.min.css" media="all">
	<script type="text/javascript" src="__JS__/jquery-3.2.0.min.js"></script>
	<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
	<title>{$title}简报</title>
<style>
body,div,img, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe {
	margin: 0;
	padding: 0;
	border:none;
	outline: none;
}
body{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.row-box-color{
	padding: 10px;
}
.content-box{
	width: auto;
	padding: 0 10px;
}
.flex-box{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.flex-box>div{
	width: 50%;
}
h6{
	margin: 5px 0;
}
table,table div{
	font-size: 13px;
}
.remarks{
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
	color: #7f7f7f;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.remarks p{
	width: 50%;
}
</style>
</head>
<body>
	<!--<div class="row row-box-color">-->
	    <!--<div class="col-xs-4 "><h4>渠道数据</h4></div>-->
	    <!--<div class="col-xs-4 col-xs-offset-4"><h5>建单合计：<span style="color: #f00;">0</span></h5></div>-->
	<!--</div>-->
	<div class="content-box" style="margin-top: 10px;">
		<table class="table table-bordered table-striped" style="margin-bottom: 10px;">
			<tbody>
			</tr>
				<td>渠道数据</td>
				<td>
					<div class="flex-box">
						<div>建单量：<span style="color: #f00;">{$data.qdjd.all}</span>&nbsp;对</div>
						<div><a href="{:url('yiyuan_Detail',['type'=>$type])}">点击查看详情>></a></div>
					</div>
				</td>
				</tr>

			    </tr>
			        <td>预约明细</td>
			        <td>
			        	<div class="flex-box">
							{volist name='$data.yymx.detail' id='info'}
								<div>{$info.name}：<span style="color: #f00;">{$info.num}</span>&nbsp;对</div>
							{/volist}
			        	</div>
			        </td>
			    </tr>

			    <tr>
			        <td>预约场馆</td>
			        <td>
			        	<div class="flex-box">
			        		<!--<div>解放碑：<span style="color: #f00;">0</span>&nbsp;对</div>-->
							{volist name='$data.yycg.detail' id='info'}
								<div>{$info.name}：<span style="color: #f00;">{$info.num}</span>&nbsp;对</div>
							{/volist}
			        	</div>
			        </td>
			    </tr>

			    <tr>
			        <td>预约月份</td>
			        <td>
			        	<div class="flex-box">
							{volist name='$data.nextmonth.detail' id='info'}
								<div>{$info.name}：<span style="color: #f00;">{$info.num}</span>&nbsp;对</div>
							{/volist}
			        	</div>
			        </td>
			    </tr>

			    <tr>
			        <td>反馈客咨<br/>(总/成功预约)</td>
			        <td>
						<div>合计：( <span style="color: #f00;">{$data.fkkz.all}</span>&nbsp;/ <span style="color: #f00;">{$data.fkkz.all_cgyy}</span>&nbsp;)对</div>
						<div class="flex-box">
							{volist name='$data.fkkz.detail' id='info'}
							<div>{$info.name}：( <span style="color: #f00;">{$info.num}</span>&nbsp;/ <span style="color: #f00;">{$info.num}</span>&nbsp;)对</div>
							{/volist}
						</div>
			        </td>
			    </tr>

			    <tr>
			        <td>转介绍</td>
			        <td>
			        	<div class="flex-box">
			        		<div>客资：<span style="color: #f00;">{$data.zjs.all}</span>&nbsp;对</div>
			        		<div>成功预约：<span style="color: #f00;">{$data.zjs.cgyy}</span>&nbsp;对</div>
			        	</div>
			        </td>
			    </tr>

			    <tr>
			        <td>拍摄明细</td>
			        <td>
						<div>合计：<span style="color: #f00;">{$data.cgps.all}</span>&nbsp;对</div>
						<div class="flex-box">
							{volist name='$data.cgps.detail' id='info'}
							<div>{$info.name}：<span style="color: #f00;">{$info.num}</span>&nbsp;对</div>
							{/volist}
						</div>
			        </td>
			    </tr>

			</tbody>
		</table> 
		<!--<div class="remarks">-->
			<!--<p>当日总店有效目标：<span></span>;</p>-->
			<!--<p>子公司有效目标：<span></span>;</p>-->
			<!--<p>总店进店目标：<span></span>;</p>-->
			<!--<p>子公司进店目标：<span></span>;</p>-->
		<!--</div>-->
		<div class="bar-box">
			<p style="font-size: 12px;">&#40;已完成量&nbsp;&frasl;&nbsp;目标量&#41;</p>
			{volist name='$mbdata' id='info' key='k'}
			<div>
				<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse{$k}">
					{eq name='title' value='今日'}
						<h6 style="color: #20A0FF;">{$info.rwlx_text | str_replace = '目标','',###}完成进度&#40;<span>{$info.all}</span>&nbsp;&frasl;&nbsp;<span>{$info.dayrenwu}</span>&#41;</h6>
					{else/}
						<h6 style="color: #20A0FF;">{$info.rwlx_text | str_replace = '目标','',###}完成进度&#40;<span>{$info.all}</span>&nbsp;&frasl;&nbsp;<span>{$info.renwu}</span>&#41;</h6>
					{/eq}

					<div class="progress">
						<div class="progress-bar progress-bar-{$info.color} progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: {$info.wcl.init}%">
							{$info.wcl.init}%
						</div>
						{neq name='title' value='今日'}
						<div style="width: {$info.wcl.diff}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{$info.wcl.diff}" role="progressbar" class="progress-bar progress-bar-danger">
							<span></span>
						</div>
						{/neq}
					</div>
				</a>
				<div id="collapse{$k}" class="accordion-body collapse">
					<div class="accordion-inner">
						{volist name='$info.detail' id='vo'}
						{$vo.name}:&nbsp;{$vo.num}&nbsp;对,
						{/volist}
					</div>
				</div>
			</div>
			{/volist}



			<!--{volist name='$mbdata' id='info' key='k'}-->
			<!--<div>-->
			<!--<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse{$k}">-->
			<!--{eq name='title' value='今日'}-->
			<!--<h6 style="color: #20A0FF;">{$info.rwlx_text | str_replace = '目标','',###}完成进度&#40;<span>{$info.all}</span>&nbsp;&frasl;&nbsp;<span>{$info.dayrenwu}</span>&#41;</h6>-->
			<!--{else/}-->
			<!--<h6 style="color: #20A0FF;">{$info.rwlx_text | str_replace = '目标','',###}完成进度&#40;<span>{$info.all}</span>&nbsp;&frasl;&nbsp;<span>{$info.renwu}</span>&#41;</h6>-->
			<!--{/eq}-->

			<!--<div class="progress">-->
			<!--<div class="progress-bar progress-bar-{$info.color} progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: {$info.wcl.init}%">-->
			<!--{$info.wcl.init}%-->
			<!--</div>-->
			<!--{neq name='title' value='今日'}-->
			<!--<div style="width: {$info.wcl.diff}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{$info.wcl.diff}" role="progressbar" class="progress-bar progress-bar-danger">-->
			<!--<span></span>-->
			<!--</div>-->
			<!--{/neq}-->
			<!--</div>-->
			<!--</a>-->
			<!--<div id="collapse{$k}" class="accordion-body collapse">-->
			<!--<div class="accordion-inner">-->
			<!--{volist name='$info.detail' id='vo'}-->
			<!--{$vo.name}:&nbsp;{$vo.num}&nbsp;对,-->
			<!--{/volist}-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--{/volist}-->







			<!--<div>-->
				<!--<h6 style="color: #20A0FF;">拍摄完成进度&#40;<span>{$data.cgps_num}</span>&nbsp;&frasl;&nbsp;<span>{$mbdata.ps}</span>&#41;</h6>-->
				<!--<div class="progress">-->
				    <!--<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">-->
				    <!--40%-->
				    <!--</div>-->
				<!--</div>-->
			<!--</div>-->

		</div>
		
	</div>
</body>
</html>
